<template>
	<div style="width: 100%; height: 100%">
		<div style="width: 50vw; height: 50vh">
			<HikVideo :cameraIndexCodes="cameraIndexCodes" :objData="objData" :cameraQuantity="2" ref="hikVideo">
			</HikVideo>
		</div>
		<button @click="previewVideo">预览视频</button>
		<button @click="stopAllPreview">停止所有预览</button>
	</div>
</template>

<script>
import HikVideo from '../components/VideoMain.vue';
export default {
	name: 'ParentComponent',
	components: {
		HikVideo,
	},
	data() {
		return {
			objData: {
				//海康初始化数据
				appkey: '', //综合安防管理平台提供的appkey，必填
				ip: '', //综合安防管理平台IP地址，必填
				secret: '', //综合安防管理平台提供的secret，必填
				port: 443, //综合安防管理平台端口，若启用HTTPS协议，默认443
				playMode: 0, // 0 预览 1回放
				layout: '2x2', //页面展示的模块数【16】
				showToolbar: 1, //是否显示工具栏，0-不显示，非0-显示
			},
			// 多个监控
			cameraIndexCodes: ['', '', ''],
			// 初始预览的监控个数(注意不能比窗口数量多)
			cameraQuantity: 2,
		};
	},
	mounted() {},
	methods: {
		previewVideo() {
			this.$refs.hikVideo.previewVideo('');
		},
		stopAllPreview() {
			this.$refs.hikVideo.stopAllPreview();
		},
	},
};
</script>
<style></style>
